<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css"/>
    <link rel="stylesheet" href="./css/layout.css"/>
    <link rel="stylesheet" href="./css/top.css"/>
    <link rel="stylesheet" href="./css/left.css"/>
    <link rel="stylesheet" href="./css/right.css"/>
</head>
<body>
    <div id="container">
        <div id="top">
            <div id="banner"></div>
            <div id="links">
                <ul>
                    <li><a href="#">W买了本书</a></li>
                    <li><a href="#">E花卉华语</a></li>
                    <li><a href="#">I似乎又要</a></li>
                    <li><a href="#">Q多些误会</a></li>
                    <li><a href="#">I欣赏生活</a></li>
                    <li><a href="#">A之中的美</a></li>
                    <li><a href="#">小士同学</a></li>
                </ul>
            </div>
        </div>
        <div id="left">
            <div id="login">
                <ul>
                    <form>
                        <li>
                            账号: <input type="text" name="userAccount" class="textStyle" />
                        </li>
                        <li>
                            密码: <input type="password" name="userPwd" class="textStyle" />
                        </li>
                        <li>
                            <input type="button" value="登录" name="btnSubmit" class="btnStyle" />
                            <input type="button" value="注册" name="btnReg" class="btnStyle" />
                            <a href="#">忘记密码</a>
                        </li>
                    </form>
                </ul>
            </div>
            <div id="category">
                <h3>用途</h3>
                <ul>
                    <li><a href="#">爱情鲜花</a></li>
                    <li><a href="#">生日送花</a></li>
                    <li><a href="#">新年鲜花</a></li>
                    <li><a href="#">家庭用花</a></li>
                    <li><a href="#">亲情用花</a></li>
                    <li><a href="#">道歉鲜花</a></li>
                    <li><a href="#">开业花篮</a></li>
                    <li><a href="#">会议用花</a></li>
                </ul>
                
                <h3>花材</h3>
                  <ul>
                   <li><a href="#">玫瑰花</a></li>
                   <li><a href="#">百合花</a></li>
                   <li><a href="#">郁金香</a></li>
                   <li><a href="#">太阳花</a></li>
                   <li><a href="#">康乃馨</a></li>
                   <li><a href="#">马蹄莲</a></li>
                   <li><a href="#">扶朗</a></li>
                   <li><a href="#">剑兰</a></li>
                  </ul>
                
                <h3>价格</h3>
                  <ul>
                   <li><a href="#">100～200元</a></li>
                   <li><a href="#">200～300元</a></li>
                   <li><a href="#">300～400元</a></li>
                   <li><a href="#">400～500元</a></li>
                   <li><a href="#">500～600元</a></li>
                   <li><a href="#">600～800元</a></li>
                   <li><a href="#">800元以上</a></li>
               </ul>
            </div>
        </div>
        <div id="right">
            <div id="latest"></div>
            <div id="recommend"></div>
            <div id="news"></div>
            <div id="tips"></div>
        </div>
    </div>
</body>
</html>